<header id="live-header" class="header-fixed">
    <nav class="navbar live-head-tbl" id="headline">
        <div class="live-head-cell live-logo">
            <a  th:href="@{http://mp.weixin.qq.com/s?__biz=MzA5OTE4Mjc3MA==&amp;mid=205668958&amp;idx=1&amp;sn=d2f5948bc1afe316cfe24d641ff503b9#rd}">
                <img th:src="@{/src/img/live-logo.png}" />
            </a>
        </div>
        <div class="live-head-cell live-tit">
            <span>范客直播</span>
        </div>
        <div class="live-head-cell live-menu dropdown">
            <button id="liveShare">
                <span class="live-icon icon-share">share</span>
            </button>
            <button type="button" class="live-btn live-menu-btn" aria-label="Left Align" data-toggle="dropdown" role="button" aria-expanded="false">
                <span class="live-icon icon-menu">menu</span>
            </button>
            <ul class="dropdown-menu live-menu-dropdown" role="menu">
                <li><a th:href="@{/live/createChannel}" id="myBroadcast">我要直播</a></li>
            </ul>
        </div>
    </nav>
    <!--/*-->
    <hgroup class="live-hgroup" id="titScroll">
        <div class="live-hgroup-content">
            <h3 th:inline="text">[[${channel.topic}]]</h3>
            
            <small>机器人产品/智能家居/健身及运动/视频及4K超高清设备/电子游戏/可穿戴设备/健康产品/家庭娱乐/生活科技</small>
            
        </div>
    </hgroup>
    <!--*/-->
    <div class="nav-area" id="fnNave">
        <ul class="nav live-nav" role="tablist" id="myTabs">
            <li role="presentation" class="active" id="livePanelLi"><a class="tab-btn" href="#" pid="#livepanel">直播区<small></small></a></li>
            <li role="presentation" id="interactionPanelLi"><a class="tab-btn" href="#" pid="#mutual">互动区<small></small></a></li>
            <!--/*-->
            <li role="presentation" th:unless="${role==null}"><a class="tab-btn" href="#manage" aria-controls="manage" role="tab" data-toggle="tab">互动管理</a></li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">互动管理 <span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="#">添加直播员</a></li>
                    <li><a href="#">移动直播内容</a></li>
                </ul>
            </li>
            <!--*/-->
        </ul>
        <div class="live-person-number">
            <small><font>正在统计...</font></small>
            <button id="subBtn"><i>+</i>订阅</button>
        </div>
    </div>
</header>
